<template>
	<view>
		<!-- 分享tools -->
		<view class="cu-modal1 bottom-modal  " 
		 :class="{ show: showPoster }" >
			<view style="display: block;">
				<image :src="detail" style=""  mode="widthFix" @tap="toTC">
				</image>
			</view>
			<image  src="https://image.hzwltb69.com/app/images/closeindex.png"    style="width: 50rpx;height: 50rpx;margin-top:30rpx;"  @tap="closeTC">
			</image>
		</view>
	</view>
</template>
<script>
	/**
	 * 分享弹窗
	 * @property {Boolean} value = showModal - v-model控制显隐
	 * @property {String} posterType - 海报类别
	 * @property {Object} posterInfo - 海报数据
	 */
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';

	export default {
		name: 'ljshopShare',
		components: {},
		data() {
			return {
				showPoster: false
			};
		},
		props: {
			detail: {
				type: String,
				default: ''
			},
			showTC:{
				type: String,
				default: 'true'
			},
			imgendstrEnd:{
				type: String,
				default: ''
			},
			path:{
				type: String
			},
			value: {}
		},
		// computed: {
		// 	showShare: {
		// 		get() {
		// 			return this.value;
		// 		},
		// 	}
		// },

		// created() {
		 
		// 	this.showShare = uni.getStorageSync("showTC")
		// },
		methods: {
			// 关闭弹窗
			onClosePoster() {
				this.showPoster = false;
				uni.showTabBar();
			},
			closeTC(){
				this.showPoster = false;
				uni.setStorageSync("showTC",this.showPoster)
				uni.setStorageSync(this.imgendstrEnd,1)
				
			},
			toTC(){
				this.showPoster = false;
				uni.setStorageSync("showTC",this.showPoster)
				uni.setStorageSync(this.imgendstrEnd,1)
				 
				this.$Router.push({
					path: this.path
				});
			}
		}
	};
</script>

<style lang="scss">
	// 指引
	.guide-wrap {
		height: 100%;
		.guide-img {
			width: 580rpx;
			height: 430rpx;
		}
	}

.cu-modal1 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1110;
	opacity: 0;
	outline: 0;
	text-align: center;
	-ms-transform: scale(1.185);
	transform: scale(1.185);
	backface-visibility: hidden;
	perspective: 2000upx;
	background: rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cu-modal1::before {
	content: "\200B";
	display: inline-block;

	vertical-align: middle;
}

.cu-modal1.show {
	opacity: 1;
	transition-duration: 0.3s;
	-ms-transform: scale(1);
	transform: scale(1);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}

.cu-dialog {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 680upx;
	max-width: 100%;
	background-color: #f8f8f8;
	border-radius: 10upx;
	overflow: hidden;
}


.cu-modal1.bottom-modal .cu-dialog {
	width: 100%;
	border-radius: 0;
}

.cu-modal1.bottom-modal {
	margin-bottom: -1000upx;
}

.cu-modal1.bottom-modal.show {
	margin-bottom: 0;
}
.cu-modal1.drawer-modal {
	transform: scale(1);
	display: flex;
}
</style>